<template>
  <div class="support-24-7">
    <Header @changelang="changeLanguage" bgColor="linear-gradient(90deg, #7719c7 0%, #431092 27%, #0e065d 70%, #080055 100%)"></Header>
    <article>
    	<div class="kraken-components">
    		<div class="kraken-component">
    			<div class="kraken-hero-internal">
    				<div class="kraken-content-wrapper">
    					<div class="copy">
    						<p class="subheader">Support</p>
    						<h1>
    							<p><strong>Around the clock,  </strong><br />
    								global support</p>
    						</h1>
    					</div>
    				</div>
    				<div class="illustration"></div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span> <strong>The first and only</strong> to offer Client Engagement.</span> </h2>
    						<div class="body">
    							<p>QtGlobal has hundreds of full-time, dedicated Client Engagement specialists who are knowledgeable of crypto and financial services, as well as trained on our products and services. This team is strategically distributed across all major markets, possesses a wide range of language fluency, is expected to respond quickly with personalized solutions, and works every day of the year -- even on major holidays. We provide a level of support that is unmatched in our industry.</p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>QtGlobal’s industry-leading support staff </strong>always has your back.<strong> </strong></span> </h2>
    						<div class="body">
    							<p>In the world of cryptocurrency trading, downtime means missed opportunities. That’s why we are committed to providing exceptional client support at all hours with hands-on assistance or with our extensive library of helpful support documentation.</p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>24/7 </strong>Live Chat</span> </h2>
    						<div class="body">
    							<p>If you’re awake, we are too. When you need help with your account, our team of experts will work directly with you via our 24/7 live chat to reach a quick and efficient resolution.</p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-text-call-out">
    				<div class="kraken-content-wrapper">
    					<p><strong>&quot;I was blown away </strong>with QtGlobal’s customer support. A real person replying with a real response in under an hour.”</p>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span> <strong>Over 4 million tickets resolved and counting...</strong></span> </h2>
    						<div class="body">
    							<p>QtGlobal’s support team has a proven track record of providing prompt, exceptional customer service. Our team is always available to lend a helping hand, no matter the issue.</p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="kraken-component">
    			<div class="kraken-article-body" id="">
    				<div class="kraken-content-wrapper">
    					<div class="">
    						<h2><span><strong>Visit our Help Center</strong> to get the resources you need</span>
    						</h2>
    						<div class="body">
    							<p>Our Help Center <!-- <a data-testid="site-link" target="_blank" rel="noopener" href="/redirect?url=https%3A%2F%2Fsupport.QtGlobal.com%2Fhc%2Fen-us">帮助中心</a> --> is loaded with in-depth articles to help you troubleshoot problems or learn more on your own.
    							</p>
    							<h3 dir="ltr"><strong>Robust Support Library</strong></h3>
    							<p dir="ltr">We have built out our support library based on years of direct interaction with clients. It is a wealth of knowledge made available to you, covering everything from getting started to common questions about the QtGlobal platform.
    							</p>
    							<ul>
    								<li dir="ltr"><a data-testid="site-link" target="_blank" rel="noopener" href="/#/register">Get started with QtGlobal</a></li>
    								<li dir="ltr"><a data-testid="site-link" target="_blank" rel="noopener" href="/#/login">Verifying your account</a></li>
    								<li dir="ltr"><a data-testid="site-link" target="_blank" rel="noopener" href="/#/security">Securing your account</a></li>
    								<li dir="ltr"><a data-testid="site-link" target="_blank" rel="noopener" href="/#/login">Adding funds for trading</a></li>
    							</ul>
    							<h3 dir="ltr"><strong>Advanced Trading Documentation</strong></h3>
    							<p dir="ltr">Get all the in-depth information you need on advanced order types and API usage with our advanced product.</p>
    							<ul>
    								<li dir="ltr"><a data-testid="site-link" target="_blank" rel="noopener" href="/#/trade">Get started with our trading </a></li>
    								<li dir="ltr"><a data-testid="site-link" target="_blank" rel="noopener" href="/#/trade">Learn how to use margin on QtGlobal</a></li>
    							</ul>
    							<p> </p>
    							<p> </p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>

    	</div>
    </article>
    <Footer></Footer>
  </div>
</template>

<script>
  import Header from "@/components/header";
  import Footer from "@/components/footer";
  import commonMixins from "@/mixins";

  export default {
      mixins: [commonMixins],
      components: {
          Header,
          Footer
      },
      computed: {
        isLogin() {
          return this.$store.state.usertoken ? true : false;
        }
      },
      watch:{
      },
      data () {
          return {
          }
      },
      created(){
      },
      mounted(){
      },
      methods:{
        next_fn() {
          if(this.isLogin) {
            this.$router.push('trade');
          } else {
            this.$router.push('login');
          }
        },
      }
  }
</script>

<style lang="less" scoped="scoped">
.support-24-7 {
  padding-top: 100px;
}
</style>
